<template>
	<om-page :title="pageTitle">
		<view>
			<uni-list>
				<uni-list-item 
					extraText="09:03"
					:showArrow="false"
					note="出差审批单 编码20211110003"
					:show-badge="true" 
					badgeType="error"
					badge-text="1"
					:lineFeed="true" 
					thumb="static/images/others/qq.png"
					avatarSize="lg"
					avatarType="radius"
					:totop="true" 
					@click="messageDetail"
				>
					<view>待办消息</view>
				</uni-list-item>
				<uni-list-item 
					extraText="11月12日" 
					:showArrow="false" 
					note="考勤异常提醒"
					:show-badge="false"
					badgeType="error"
					badge-text="0"
					:lineFeed="true" 
					thumb="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png"
					avatarSize="lg"
					avatarType="radius"
					@click="messageDetail"
				>
					<view>未读消息</view>
				</uni-list-item>
				<uni-list-item 
					extraText="2020/6/25" 
					:showArrow="false" 
					note="拜访客户签退表 编码2021110015 审批已通过"
					:show-badge="true"
					badgeType="error"
					badge-text="11"
					:lineFeed="true"
					thumb="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png"
					avatarSize="lg"
					avatarType="radius"
					@click="messageDetail"
				>
					<view>公共消息</view>
				</uni-list-item>
			</uni-list>
		</view>
	</om-page>
</template>

<script>
export default {
	data() {
		return {
			pageTitle:"消息"
		};
	},
	watch: {
	　　
	},
	methods: {
		messageDetail(){
			uni.navigateTo({
				url: "/pages/message/message-detail?type="
			});
		}
	},
	onLoad() {
		uni.setNavigationBarTitle({
			title: '消息'
		});
		
		uni.setTabBarBadge({
			index: 0,
			text: '12'
		})
		
		// uni.removeTabBarBadge({
		// 	index: 0
		// })
	},
};
</script>
